<%@ page contentType="text/html;charset=utf-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>便民服务平台3.0</title>

</head>


<body>
<jsp:include page="../include/header.jsp"/>
<div class="main-container">
    <div class="mc-hd"
         style="background: url('<c:url value="/resource/images/b02.jpg"/>') no-repeat center center;">
        <%--
        <p class="police-t">police affairs public</p>
        <h1 class="police-h1">专注高端”互联网+政务”设计</h1>
        <div class="type-wrap">
            <h2 class="typedH2">慧眼看世界，在政务服务的路上不断追求创新！</h2>
        </div>
        --%>
    </div>
<div class="mc-bd">

    <div class="container">
        <div class="row">
            <div class="col-sm-3">
                <div class="mccc-left">
                    <h2>新闻中心</h2>
                    <ul class="nav nav-pills nav-stacked" role="tablist">
                        <li id="zhyw"  class="active"><a href="javascript:callBackPagination('zhyw')" title="综合要闻">综合要闻<i class="caret-right"></i></a></li>
                        <li id="tzgg" ><a href="javascript:callBackPagination('tzgg','0')" title="通知公告">通知公告<i class="caret-right"></i></a></li>
                        <li id="jfts"><a href="javascript:callBackPagination('jfts','0')" title="警方提示">警方提示<i class="caret-right"></i></a></li>
                        <li id="zwgk"><a href="javascript:callBackPagination('zwgk','0')" title="政务公开">政务公开<i class="caret-right"></i></a></li>
                        <li id="jwzx"><a href="javascript:callBackPagination('jwzx','0')" title="警务资讯">警务资讯<i class="caret-right"></i></a></li>
                        <li id="zxgg"><a href="javascript:callBackPagination('zxgg','0')" title="最新公告">最新公告<i class="caret-right"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-9">
                    <div id="mainContent">
                        <div class="mccc-right">
                        <h2 class="pageName"></h2>
                        <div class="panel panel-default">
                            <div class="panel-body pa-search">
                                <div class="form-inline">
                                    <div class="form-group">
                                        <label class="pageName"></label>：
                                        <input type="text" class="form-control" id="title">
                                    </div>
                                    <div class="form-group">
                                        <label>发布时间：</label>
                                        <input type="text" class="form-control laydate-icon" style="width:130px;" id="startTime"> 至
                                        <input type="text" class="form-control laydate-icon" style="width:130px;" id="endTime">
                                    </div>
                                    <div class="form-group"><button class="btn btn-blue" onclick="javascript:callBackPagination('','0')">查询</button></div>
                                </div>
                            </div>
                        </div>
                        <table class="table table-border">
                            <colgroup>
                                <col width="10%">
                                <col width="70%">
                                <col width="20%">
                            </colgroup>
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th class="pageName"></th>
                                <th>发布时间</th>
                            </tr>
                            </thead>
                            <tbody id="trcontent">
                            </tbody>
                        </table>
                    </div>
                    </div>
                       <%-- <tr>
                            <td>1</td>
                            <td><a href="#">最高法最高检公安部工信部人民银行银监会六部门发布防范打击电信网络诈骗犯罪通告</a></td>
                            <td>2016/10/4</td>
                        </tr>
                        <tr>                            <td>1</td>
                            <td><a href="#">最高法最高检公安部工信部人民银行银监会六部门发布防范打击电信网络诈骗犯罪通告</a></td>
                            <td>2016/10/4</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td><a href="#">最高法最高检公安部工信部人民银行银监会六部门发布防范打击电信网络诈骗犯罪通告</a></td>
                            <td>2016/10/4</td>
                        </tr>--%>
                           <div class="pagination" id="callBackPager">
                           </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<jsp:include page="../include/footer.jsp"/>

<script src="<c:url value='/resource/js/require.js'/>" data-main="<c:url value='/resource/js/main'/>" id="current-page" current-page ="policeAffairs"></script>

<script type="text/javascript">
var newsType="${newsType}";
$(function(){
    callBackPagination(newsType,'0');
});
    function callBackPagination(caseType,loadtype) {
        if(loadtype=="0"){
         //   $('#mainContent').empty();
        }else{
            $('#trcontent').empty();
        }
        if(""!=caseType){
            newsType = caseType;
            $("#"+caseType).siblings().removeClass("active");
            $("#"+caseType).addClass("active");
            $(".pageName").html($("#"+caseType+" a").attr("title"));
        }

        var limit = 5;
        var currPage = 1;


        createTable(1, limit,newsType,loadtype);


    }
    function createTable(currPage, limit, newsType,loadtype) {
        $.ajax({
            url: '<c:url value="/news/hlj-list"/>',
            type:"post",
            data : {"ps" : limit,
                "pi":currPage,
                "newsType":newsType,
                "title":$('#title').val(),
                "start":$("#startTime").val(),
                "end":$("#endTime").val()
            },
            dataType: "json",
            success: function (resp) {
                var html = [];
                for (var i = 0; i < resp.data.list.length; i++) {
                    var  index = limit*(currPage-1)+i+1;
                    var publicTime = resp.data.list[i].publicTime==null?"":resp.data.list[i].publicTime;
                    html.push("<tr><td>"+index+"</td><td><a href='javascript:detail(\""+resp.data.list[i].guid+"\",\""+newsType+"\");'>"+resp.data.list[i].title+"</a></td><td>"+publicTime+"</td></tr>");
                }
                    var mainObj = $('#trcontent');
                    mainObj.empty();
                    mainObj.append(html.join(''));

                $("#callBackPager").jqPaginator({
                    totalPages: resp.data.totalPage==0?1:resp.data.totalPage,
                    visiblePages: 10,
                    currentPage: currPage,
                    pageSize: limit,
                    onPageChange: function (n,type) {
                        if(type=="change"){
                            createTable(n, limit,newsType,loadtype);
                        }
                    }
                });

            },
            error:function(resp){

            }
        });

    }
/*<div class="mccc-right">
        <ol class="breadcrumb">
        <li><a href="#">警务资讯</a></li>
        <li class="active">详情</li>
        </ol>
        <div class="article-content">
        <div class="ac-hd article-header">
        <div class="ah-title">最高法最高检公安部工信部人民银行银监会六部门发布防范打击电信网络诈骗犯罪通告</div>
        <div class="post_time_source">2016-10-04 07:46:59 &nbsp;&nbsp; 来源:xxxxx</div>
</div>
<div class="ac-bd article-body">
        <p>为认真贯彻落实中央领导同志关于防范打击电信网络诈骗犯罪系列重要指示精神，按照国务院打击治理电信网络新型违法犯罪工作部际联席会议第三次会议有关部署，以更加扎实的措施有效防范、精准打击电信网络诈骗犯罪，切实保障广大人民群众合法权益，维护社会和谐稳定，最高人民法院、最高人民检察院、公安部、工业和信息化部、中国人民银行、中国银行业监督管理委员会六部门联合发布《防范和打击电信网络诈骗犯罪的通告》。
</p>
<p>《通告》指出，电信网络诈骗犯罪是严重影响人民群众合法权益、破坏社会和谐稳定的社会公害，必须坚决依法严惩。凡是实施电信网络诈骗犯罪的人员，必须立即停止一切违法犯罪活动。自本通告发布之日起至2016年10月31日，主动投案、如实供述自己罪行的，依法从轻或者减轻处罚，在此规定期限内拒不投案自首的，将依法从严惩处。</p>
</div>
</div>
</div>
</div>*/
    function detail(guid,caseType){
        window.open('<c:url value="/news/hlj-detail"/>?newsType='+caseType+'&guid='+guid);
    }
</script>

</body>
</html>






